JQUERY EFFECTS
jQuery allows us to apply effects to a web page.
Display Effects:
- hide() - Hides the selected elements.
- show() - Displays the hidden elements.
- toggle() - Toggles between hiding and showing the selected elements.
Fading Effects:
- fadeIn() - Fades in the selected elements.
- fadeOut() - Fades out the selected elements.
- fadeToggle() - Toggles the fading in and out of the selected elements.
- fadeTo() - Fades the selected elements to a specified opacity.
Sliding Effects:
- slideDown() - Slides down the selected elements to show them.
- slideUp() - Slides up the selected elements to hide them.
- slideToggle() - Toggles between sliding up and down.
Other Effects:
- animate() - Performs custom animations on the selected elements.
- delay() - Delays the execution of subsequent queued effects on the selected elements.
JQUERY METHODS
jQuery offers numerous methods for applying effects to a web page.
- animate() - Performs animation on the selected elements.
- clearQueue() - Removes all remaining queued functions from the selected elements.
- delay() - Sets a delay before executing all queued functions on the selected elements.
- dequeue() - Removes the next function from the queue and executes it.
- fadeIn() - Fades in the selected elements by making them opaque.
- fadeOut() - Fades out the selected elements by making them transparent.
- fadeTo() - Adjusts the opacity of the selected elements, effectively fading them in or out.
- fadeToggle() - Toggles the visibility of the selected elements, switching between fading in and out.
- finish() - Stops, removes, and completes all queued animations on the selected elements.
- hide() - Hides the selected elements.
- queue() - Displays or manipulates the queue of methods to be executed on the selected elements.
- show() - Displays the selected elements.
- slideDown() - Slides down the selected elements to show them.
- slideToggle() - Toggles the visibility of the selected elements, sliding them up or down.
- slideUp() - Slides up the selected elements to hide them.
- stop() - Stops the currently running animation on the selected elements.
- toggle() - Toggles the visibility of the selected elements, switching between hiding and showing them.